<template>
    <div>
        <a-card hoverable class="security-card" @click="toTarget('/user-center/verify')">
            <div class="security-card-item">
                修改密码
            </div>
        </a-card>
        <a-card hoverable class="security-card" @click="toTarget('/user-center/bindEmail')">
            <div class="security-card-item">
                邮箱绑定
            </div>
        </a-card>
    </div>
</template>

<script>
    export default {
        name: "securityCenter",
        methods:{
            toTarget(path){
                this.$router.push(path)
            }
        }
    }
</script>

<style scoped>
    .security-card {
        width: 500px;
        height: 200px;
        text-align: center;
        margin-top: 20px;
        margin-left: 15px;
        position: relative;

    }

    .security-card-item {
        font-size: 18px;
        font-weight: 600;
        margin-top: 60px
    }
</style>